// 对vue-router进行配置
// 1.从vue-router中按需导入两个方法
//   createRouter方法用于创建路由的实例对象
//   createWebHashHistory方法用于指定路由的工作模式(hash模式)
import {createRouter,createWebHashHistory} from 'vue-router'

import Home from './MyHome.vue'
import Movie from './MyMovie.vue'
import About from './MyAbout.vue'
import Tab1 from './tabs/MyTab1.vue'
import Tab2 from './tabs/MyTab2.vue'

// 创建路由对象
const router=createRouter({
    // 指定路由的工作模式
    history:createWebHashHistory(),
    // 自定义路由高亮的class类
    linkActiveClass:'active-router',
    // 声明路由的匹配规则
    routes:[
        {path:'/',redirect:'/home'},
        {path:'/home',component:Home},
        // 动态路由匹配
        {path:'/movie/mid',component:Movie,props:true},
        {
            path:'/about',
            component:About,
            // 嵌套路由的重定向
            redirect:'/about/tab1',
            // 通过children属性嵌套声明子级路由规则
            children:[
                {path:'tab1',component:Tab1},
                {path:'tab2',component:Tab2},
            ]
        }
    ]
})

// 导出路由对象
export default router;
